

/**
 * author: liduanjie
 * function: component-table
 * modify log >> 
 * 2016.3.14 : change background-color: #f2f2f2->#f4f5f9 #f9f9f9
 */

/*reset*/
.pure-table {
	border: 1px solid #e7e7eb;
}
 
.pure-table a{
	color: #0099CC;
	text-decoration: none;
}

.pure-table, .pure-table-horizontal td, .pure-table-horizontal th {
 	border-bottom: 1px solid #e7e7eb;
 }

.pure-table thead{
	/*linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);
    background: #f2f2f2;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec));
    background-image: -webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%);
    background-image: -moz-linear-gradient(top,#f8f8f8 0,#ececec 100%);
    background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);
    background-repeat: repeat-x;*/

    background-color: #f4f5f9;
}

.pure-table th {
	white-space: nowrap;
	word-wrap: break-word;
	padding: 1em;
	
    min-width: 100px;
}

.pure-table th, .pure-table td {
	/*letter-spacing: 0.1em;*/
}

.pure-table th {
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    
    /*height: 50px;*/
}

.pure-table td {
	font-size: 14px;
	font-weight: 400;
}

.pure-table td .icons {
	font-size:20px;
	color:#d9d9d9;
}

.pure-table td .success {
	color: #44b569;
}

.pure-table td .fail {
	color: #FF0000;
}

.pure-table-striped tr:nth-child(2n-2) td {
	background-color: #f4f5f9;
}

.pure-table-striped tr:nth-child(2n-1) td {
	background-color: #fff;
}

.pure-table tbody tr:hover {
    background-color: #f4f5f9;
}

.pure-table tbody tr:hover td{
	background-color: #f4f5f9;
}

.component-sum {
	margin-left: 30px;
	margin-right: 20px;
}

.component-sum .content {
	border: 1px solid #e7e7eb; 
	text-align: center;
	background-color: #f4f5f9;
	padding: 5px;
}

.component-sum .content > .intro {
	font-size: 14px; 
	line-height: 14px;
}

.component-sum .content > .num {
	font-size: 24px;
	font-weight: bold;	
}

.component-table {
	margin-left: 30px;
	margin-right: 20px;
	overflow-x: auto;
}

.component-table .table-footer{
	padding-top: 20px;
	padding-bottom: 20px;
}

.component-table .table-footer > .record{
	float:left;
	font-size: 12px
}

